<template>
  <div class="login">
    <Head title="登录" :back="true" :login="true" ></Head>
    <van-row>
        <van-col :span="24" class="pd10"> 
            <van-tabs v-model="active" color="#f50">
              <van-tab title="密码登录">
                  <LoginPass></LoginPass>
              </van-tab>
              <van-tab title="验证码登录">
                  <LoginCode></LoginCode>
              </van-tab>  
            </van-tabs>
        </van-col>
    </van-row>
  </div>
</template>

<script>
import LoginCode from "./logincode.vue"
import LoginPass from "./loginpass.vue"

export default {
  components:{
    LoginCode,
    LoginPass
  },
  data(){
    return {
      active:0
    }
  }
}
</script>


<style lang="scss" scoped>
.login{
  width:100%;
  ::v-deep .van-tabs__line {
    background-color:#f50
  }
   ::v-deep .van-tab--active{
    .van-tab__text{
      color:#f50;
    }
  }
}
</style>
